<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="ARCHIVE" />
		<meta name="Keywords" content="ARCHIVE" />
		<meta name="render" content="webkit" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>home</title>
		<link rel="shortcut icon" href="" />
		<link href="//cdn.bootcss.com/normalize/5.0.0/normalize.min.css" rel="stylesheet">
		<link rel="stylesheet" href="vendor/font-awesome-4.6.3/css/font-awesome.min.css" />
		<link rel="stylesheet" href="dist/core.css" />
		<script src="vendor/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/lazyload-js.js" type="text/javascript" charset="utf-8"></script>
		
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		</style>
	</head>

	<body>
		<header class="common-header home-header">
			<div class="home-header-background container">
				<div class="home-header-background-img" id="slides">
					<img class="lazy" src="img/index/07-01_01.jpg" data-original="img/index/07-01_01.jpg"/>
					<img class="lazy" src="img/index/234991-14033109411019.jpg" data-original="img/index/234991-14033109411019.jpg" />
					<img class="lazy" src="img/index/15.jpg" data-original="img/index/15.jpg"/>
					<img class="lazy" src="img/index/enterdesk (4).jpg" data-original="img/index/enterdesk (4).jpg"/>
				</div>
			</div>
			<div class="wrapper home-header-wrapper">
				<div class="common-header-topbar header-topbar">
					<a href="" class="common-header-topbar-logo">
						<img class="lazy" src="img/about/07-02_03.png" data-original="img/about/07-02_03.png"/>
					</a>
					<div class="common-header-topbar-link clearfix">
						<i class="fa fa-twitter"></i>
						<i class="fa fa-facebook-f"></i>
						<i class="fa fa-rss"></i>
					</div>
				</div>
				<div class="common-header-site clearfix header-site">
					<ul class="about-nav">
						<li>
							<a href="home.html" class="about-nav-active">HOME</a>
						</li>
						<li>
							<a href="portfolio.html">PORTFOLIO</a>
						</li>
						<li>
							<a href="about.html">ABOUT</a>
						</li>
						<li>
							<a href="service.html">SERVICES</a>
						</li>
						<li>
							<a href="ARCHIVE.html">ARCHIVE</a>
						</li>
						<li>
							<a href="blog.html">BLOG</a>
						</li>
						<li>
							<a href="#">OTHER PAGES</a>
						</li>
						<li>
							<a href="contact-us.html">CONTACT US</a>
						</li>
					</ul>
					<span class="common-search"></span>
					<i class="fa fa-search" id="search"></i>
				</div>
				<div class="banner">
					<h1>We <span>Deliver</span> nothing Short of Awesome!</h1>
					<p>Check out our portfolio to see our great work.</p>
					<a href="#" class="port">Portfolio</a>
				</div>
			</div>
			<div class="common-header-nav-bar">
				<i class="fa fa-bars" id="navbar"></i>
				<i class="fa fa-user"></i>
				<p>
					<a href="#"><img src="img/index/07-02_03.png" alt="" /></a>
				</p>
			</div>
			<ul class="common-header-hide-nav" id="hidenav">
				<li>
					<a href="home.html" class="about-nav-active">HOME</a>
				</li>
				<li>
					<a href="portfolio.html">PORTFOLIO</a>
				</li>
				<li>
					<a href="about.html">ABOUT</a>
				</li>
				<li>
					<a href="service.html">SERVICES</a>
				</li>
				<li>
					<a href="ARCHIVE.html">ARCHIVE</a>
				</li>
				<li>
					<a href="blog.html">BLOG</a>
				</li>
				<li>
					<a href="#">OTHER PAGES</a>
				</li>
				<li>
					<a href="contact-us.html">CONTACT US</a>
				</li>
			</ul>
		</header>
		<main class="home-content">
			<header class="about-content-team-header">
				<h2 data-hover="Sharpness"data-scroll-reveal="enter from the top and move 50px after 0.5s">WE ARE A SMALL TEAM DOING BIG THINGS!</h2>
				<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
				<p data-scroll-reveal="wait 1s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
			</header>
			<section class="service-people">
				<div class="wrapper clearfix">
					<article>
						<i class="home-set" data-scroll-reveal="enter left and move 50px over 0.3s"></i>
						<h3 data-scroll-reveal="enter left and move 50px over 0.3s">service1</h3>
						<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur praseinti adipiscing elit. Praesent lato justo ligula, interdu ut lobortis quis dolor amet.</p>
						<a href="#" data-scroll-reveal="wait 1s and then ease-in-out 50px">find out more</a>
					</article>
					<article>
						<i class="home-contact" data-scroll-reveal="enter from the top and move 50px after 0.5s"></i>
						<h3 data-scroll-reveal="enter from the top after 0.5s">service2</h3>
						<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur praseinti adipiscing elit. Praesent lato justo ligula, interdu ut lobortis quis dolor amet.</p>
						<a href="#" data-scroll-reveal="wait 1s and then ease-in-out 50px">find out more</a>
					</article>
					<article>
						<i class="home-star" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px"></i>
						<h3 data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">service3</h3>
						<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur praseinti adipiscing elit. Praesent lato justo ligula, interdu ut lobortis quis dolor amet.</p>
						<a href="#" data-scroll-reveal="wait 1s and then ease-in-out 50px">find out more</a>
					</article>
				</div>
			</section>
			<section class="our-work">
				<h3>Some of Our Latest Work</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae </p>
				<p>metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</p>
				<div class="box clearfix">
					<div class="our-work-pic clearfix our-work-pic-one " data-scroll-reveal="enter left and move 50px over 0.33s">
						<img class="lazy" src="img/index/07-01_03.png" data-original="img/index/07-01_03.png"/>
						<h4>circle icons</h4>
					</div>
					<div class="our-work-pic clearfix our-work-pic-two " data-scroll-reveal="enter from the bottom after 0.5s">
						<img class="lazy" src="img/index/07-01_05.png" data-original="img/index/07-01_05.png"/>
						<h4>arrows</h4>
					</div>
					<div class="our-work-pic clearfix our-work-pic-three" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">
						<img class="lazy" src="img/index/07-01_07.png" data-original="img/index/07-01_07.png"/>
						<h4>portfolio theme</h4>
					</div>
				</div>
			</section>
			<section class="about-content-team-joinus about-content-more">
				<header class="team-joinus">
					<h2 data-scroll-reveal="enter from the top and move 50px after 0.5s">DO YOU LIKE WHAT YOU SEE!</h2>
					<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
					<p data-scroll-reveal="wait 1s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
					<a data-scroll-reveal="wait 1s">PURCHASE</a>
				</header>
			</section>
		</main>
		<footer class="common-footer">
			<div class="wrapper">
				<div class="common-footer-centent clearfix">
					<article class="common-footer-centent-left">
						<a href="" class="common-header-topbar-logo">
							<img src="img/about/捕获.JPG" data-original="img/about/捕获.JPG" data-scroll-reveal="enter left wait 1s and then ease-in-out 50px">
						</a>
						<div class="common-header-topbar-link clearfix" data-scroll-reveal="enter left and then ease-in-out 50px">
							<i class="fa fa-twitter"></i>
							<i class="fa fa-facebook-f"></i>
							<i class="fa fa-rss"></i>
						</div>
						<p data-scroll-reveal=" then ease-in-out 50px">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.
						</p>
					</article>
					<article>
						<dl>
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">CONTACT INFO</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px">222 Ave C South</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px">Saskatoon</dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px">Canada S7K 2N5</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px">info@deliver.ca</dd>
							<dt class="num" data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px">1.306.222.3456</dt>
						</dl>
					</article>
					<article>
						<dl class="quicklinks">
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">QUICK LINKS</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Portfolio</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>About </dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>ARCHIVE</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Blog</dd>
							<dd data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Dropdown</dd>
							<dd data-scroll-reveal="enter bottom wait 1s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>contact Us</dd>
						</dl>
					</article>
					<article class="common-footer-centent-right">
						<dl>
							<dt data-scroll-reveal="enter right and then ease-in-out 50px">NEWSLTTER</dt>
							<dd data-scroll-reveal="ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
						</dl>
						<input type="text" name="" id="" value="" placeholder="Emali" data-scroll-reveal="enter right and then ease-in-out 50px"/>
						<a href="#" class="ok" data-scroll-reveal="enter right and then ease-in-out 50px">OK</a>
					</article>
				</div>
				<div class="common-footer-button">
					<span class="copyright">
						copyright 2013
						<a href="#">Deliver</a>						
						. All Rights Reserved.
					</span>
					<span class="friendlink">
						<a href="#">ABOUT/</a>
						<a href="#">PRIVACY POLICY/</a>
						<a href="#">CONTACT</a>
					</span>
				</div>
			</div>
		</footer>
		
		
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$("img").lazyload({
					placeholder: "images/loading.gif",
					effect: "fadeIn"
				});
			});
		</script>
		<script src="dist/core.js" type="text/javascript"></script>
		<script src="vendor/jquery.slides.min.js"></script>
		<script src="vendor/scrollReveal.js"></script>
		<script>
			(function() {
				window.scrollReveal = new scrollReveal({
					reset: true,
					move: '50px'
				});
			})();
		</script>
		<script>
			$(function() {
				$('#slides').slidesjs({
					width: 1350,
					height: 600,
					navigation: {
						effect: "slide"
					},
					pagination: {
						effect: "slide"
					},
					effect: {
						slide: {
							speed: 300
						}
					}

				});
			});
		</script>
	</body>

</html>